<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css'>
<!--For Menu-->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type='text/javascript' src='js/jquery.custom.js?ver=1.0'></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--For Accordian-->
<script type='text/javascript' src='js/jquery-ui-1.8.5.custom.min.js'></script>
<script src="../../ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
</head>
<body>
<!--Top menu-->
<div class="md-modal md-dark success custom-width md-effect-9" id="form-green">
                    <div class="md-content">
                      <div class="modal-header">
                        <h3>用户登录</h3>
                        <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">×</button>
                      </div>
                      <div class="modal-body form">
                        <div class="text-center">
                          <h5>只有登录才能发布贴士哟！如果还没有注册，请猛戳<a href="#">这里</a></h5>
                        </div>

                        <div class="form-group spacer2">
                          <label>用户名</label> <input type="email" class="form-control" placeholder="username@example.com">
                        </div>
                        <div class="form-group">
                          <label>密码</label> <input type="name" class="form-control" placeholder="John Doe">
                        </div>
                        
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">登录</button>
                      </div>
                    </div>
                </div>
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
         <li><a href="index.html"><span>主页</span></a> </li>
        <li><a href="blog.html"><span>贴士</span></a></li>
        <li><a href="about.html"><span>目的地</span></a></li>
        <li><a href="blog.html"><span>景点</span></a></li>
        <li><a href="portfolio.html"><span>发布</span></a></li>
        <button class="btn btn-success btn-flat md-trigger" data-modal="form-green">登录</button></li>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Title-->
<div class="title-outer">
  <div class="title"> 贴士 <span> / 贴士详情</span>
    <div class="top-search">
      <input type="text" class="text" value="Search this site..." onfocus="if(this.value=='Search this site...')this.value='';" onblur="if(this.value=='')this.value='Search this site...';">
    </div>
  </div>
</div>
<!--Message-->
<!--Middle section-->
<div id="middle-sdo1">
  <div id="sdo2">
    <div id="middle">
      <!-- Left Section Start-->
      <div class="blogleft">
        <div class="post post_birf">
          <h2 class="patrn">鼓浪屿： 日落非常美，值得一看，嘻嘻~~</h2>
          <div class="post-details">by <span><a href="#">Jane Smith</a></span> on October 08, 2014 in <span><a href="#">海洋</a>, <a href="#">岛屿</a></span>, <a href="#" class="comments">5 Comments</a></div>
          <div class="post-img"><img src="images/post-img.jpg" alt="" /> </div>
          <p>昨天刚到厦门，出来随便逛逛，傍晚在鼓浪屿海滩看日落，感觉非常棒！</p>
        </div>
        <div class="divider2"> </div>
        <div class="post-tag"><a href="#">厦门</a>, <a href="#">海洋</a>, <a href="#">岛屿</a></div>
        <a href="#" class="view-blog">发表评论</a>
        <div class="comments-sec">
          <h3>评论</h3>
          <ol class="commentlist">
            <li>
              <div class="comments">
                <div class="avtar"><img src="images/thumb6.jpg" alt="" width="59" height="59" border="0" /> </div>
                <div class="comment-des">
                  <div class="comment-by"><strong>Shewta Tiwari </strong> <span>评论:</span> <span class="reply">/ <a href="#">回复</a></span> <span class="date">11 October 2014</span></div>
                  <p>鼓浪屿现在船票涨价了？</p>
                </div>
              </div>
              <ol class="childlist">
                <li>
                  <div class="comments">
                    <div class="avtar"><img src="images/thumb7.jpg" alt="" border="0" /> </div>
                    <div class="comment-des">
                      <div class="comment-by"><strong>Bhagwati Lal </strong> <span>评论:</span> <span class="reply">/ <a href="#">回复</a></span> <span class="date">11 October 2014</span></div>
                      <p>对啊，原先8元的，现在30元了</p>
                    </div>
                  </div>
                </li>
              </ol>
            </li>
            <li>
              <div class="comments">
                <div class="avtar"><img src="images/thumb8.jpg" alt="" border="0" /> </div>
                <div class="comment-des">
                  <div class="comment-by"><strong>Administrator </strong> <span>回复:</span> <span class="reply">/ <a href="#">回复</a></span> <span class="date">10 October 2014</span></div>
                  <p>不错哟，如果能寄明信片就更好了。</p>
                </div>
              </div>
            </li>
          </ol>
          </li>
          </ol>
        </div>
        <div class="respond">
          <h3>发表评论</h3>
          <form>
            <label>评论: <span>*</span></label>
            <span class="txt-area">
            <textarea cols="62" rows="8" value="Message...."  onfocus="if(this.value=='Enter your Message')this.value='';" onblur="if(this.value=='')this.value='Enter your Message';"></textarea>
            </span> <span class="astro">*</span> 必须填写的部分 <a href="#" class="blue-btn">发布评论</a>
          </form>
        </div>
      </div>
      <!-- Right Section Start-->
      <div class="blogright">
        <h2 class="blue">传送门</h2>
        <ul class="category">
          <li>&rarr;<a href="#"> 山川 <span>(76)</span></a></li>
          <li>&rarr;<a href="#"> 海洋 <span>(34)</span></a></li>
          <li>&rarr;<a href="#"> 购物 <span>(81)</span></a></li>
          <li>&rarr;<a href="#"> 饮食 <span>(23)</span></a></li>
          <li>&rarr;<a href="#"> 草原 <span>(67)</span></a></li>
          <li>&rarr;<a href="#"> 宗教 <span>(19)</span></a></li>
        </ul>
        <h2 class="blue">热门贴士</h2>
        <div class="blogPost">
          <div class="thumb-img"><a href="#"><img src="images/thumb1.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">“日光之城”拉萨是多少人心灵的家园，在3700多米的海拔上，浓厚的宗教氛围和悠久的历史遗迹让人激动的眩晕。</a></p>
            <span class="date">2014-12-16</span>, <span class="comment"><a href="#">316 Comments</a></span> </div>
        </div>
        <div class="blogPost">
          <div class="thumb-img"><a href="#"><img src="images/thumb2.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">迷人的碧海蓝天，旖旎的海底世界，茂密的热带丛林，传奇的少数民族风情，奇特的火山地质遗迹，海口，休闲度假首选之地。气候环境都不错，很美的地方。</a></p>
            <span class="date">2014-08-15</span>, <span class="comment"><a href="#">218 Comments</a></span> </div>
        </div>
        <div class="blogPost last">
          <div class="thumb-img"><a href="#"><img src="images/thumb3.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">巍峨的古老城垣厚重深沉，古城内的街道、店铺和民居依旧保持着传统的布局和风貌，浓郁的晋商文化气息，淳朴的晋中民风，平遥散发着安静而内敛的悠久气质。</a></p>
            <span class="date">2014-06-23</span>, <span class="comment"><a href="#">123 Comments</a></span> </div>
        </div>
        <h2 class="blue">社交主页</h2>
        <ul class="social">
           <li data-tooltip="117go" class="twitter"><a href="http://www.117go.com/1517829"> </a></li>
          <li data-tooltip="douban" class="facebook"><a href="http://www.douban.com/people/69068532"> </a></li>
          <li data-tooltip="Weibo" class="dribble"><a href="http://weibo.com/lolilukia"> </a></li>
          <li data-tooltip="zhihu" class="forest"><a href="http://www.zhihu.com/people/li-jing-73-56"> </a></li>
          <li data-tooltip="renren" class="stumble"><a href="http://www.renren.com/427457016/profile"> </a></li>
        </ul>
      </div>
      <div class="clearfix"> </div>
    </div>
  </div>
</div>
<!--Middle section End -->
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>关于“未来旅行家”</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>目前旅游业成为一项迅速发展的产业，由此也带来了诸多问题，比如旅游业的一些黑幕和竞争之下带来价格上的比拼和实际质量的缩水。对于景点特色的推荐和黑幕的揭露尤为重要，因此这也是我们网站的特色所在。 </p>
    </div>
    <div class="footer-details">
      <h3>联系我们</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>地址:</strong> 上海市嘉定区曹安公路4800号同济大学</div>
      <div class="address"><img height="18" width="14" alt="" src="images/phone.png"> <strong>电话:</strong> 18622889061</div>
      <div class="address"><img height="12" width="15" alt="" src="images/mail.png"> <strong>邮箱:</strong> <a href="mailto:23lukia@tongji.edu.cn">23lukia@tongji.edu.cn</a></div>
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright" align="center">  All Rights Reserved &copy;2014 未来旅行家</div>
  </div>
</div>

</body>
</html>
